.formWrap {
    width: 80%;
    max-width: 1000px;
    :global {
        .ant-form-item {
            display: flex;
        }
        .ant-form-item-label {
            width: 140px;
        }
        .ant-form-item-control-wrapper {
            flex: 1;
            width: calc(100% - 140px);
        }
    }
}
.preview {
    pre {
        padding: 16px 40px;
        border-radius: 8px;
        background-color: #f6f7f8;
        border: 1px solid #e8eaef;
        color: rgb(73, 83, 108);
        margin-bottom: 24px;
        font-size: 16px;
    }

    h2,
    h3,
    h4,
    h5,
    h6 {
        position: relative;
        margin: 20px 0;
        font-size: 16px;
        line-height: 20px;
        &::before {
            content: '';
            position: absolute;
            left: -10px;
            display: inline-block;
            width: 4px;
            height: 20px;
            border-radius: 0 4px 4px 0;
            background: #ffa22d;
        }
    }
    hr {
        border: none;
        height: 1px;
        background-color: #e5e5e5;
        margin: 24px 0;
    }
}
